<script type="text/javascript">
    $(function(){
        try {
            $("#progress").show();
            $.ajax({
                type: "POST",
                url : "../controllers/TecnicaController.php",
                data : {
                    acao : 'listar',
                    tipo_listagem : 'tabela'
                },
                success: function(msg){
                    try {
                        if (msg.indexOf("Exception: ") != -1) {
                            msg = msg.replace("Exception: ", "");
                            showMessage(ERROR_MESSAGE, msg);
                            return;
                        }
                        $("#tabela_tecnica_tbody").html(msg);
                        $("#principal_content_title").html("Listagem de T&eacute;cnica");
                        $('#tabela_tecnica tbody td.cell_editable').editable( '../controllers/TecnicaController.php', {
                            "callback": function( sValue, y ) {
                                if (sValue.indexOf("Exception: ") != -1) {
                                    var message = sValue.replace("Exception: ", "");
                                    message = message.substring(0, message.indexOf("|"));
                                    showMessage(ERROR_MESSAGE, message);
                                    sValue = sValue.substring(sValue.indexOf("|") + 1, sValue.length);
                                }
                                var aPos = tabela_tecnica.fnGetPosition( this );
                                tabela_tecnica.fnUpdate( sValue, aPos[0], aPos[1] );
                            },
                            "submitdata": function ( value, settings ) {
                                return { "row_id": this.parentNode.getAttribute('id'), "acao" : "alterar" };
                            },
                            "height": "25px"
                        } );
                        tabela_tecnica = $('#tabela_tecnica').dataTable({
                            "sDom": '<"H"lfr>t<"F"ip>T',
                            "bJQueryUI": true,
                            "sPaginationType": "full_numbers",
                            "bProcessing": true,
                            "bAutoWidth": false,
                            "oLanguage": {
                                "sUrl": "../resources/json/pt_BR.json"
                            }
                        });
                        $('.botao').button();
                        $('.botao').click(function () {
                            showDialogManutencaoRecurso(true, 400, 170, "forms/tecnica.html", {
                                Cadastrar : function () {
                                    manutencaoTecnica('cadastrar', null);
                                },
                                Cancelar: function() {
                                    $(this).dialog('close');
                                }
                            });
                        });
                        verificarPermissao('tecnica', 'botao_cadastrar', 'inclusao');
                        $('#tabela_tecnica').parent().show();
                        $("#progress").hide();
                    } catch(e) {
                        reportCrash(null, e.name, e.stack);
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $("#progress").hide();
                    reportCrash(XMLHttpRequest, textStatus, errorThrown);
                }
            });
        } catch(e) {
            reportCrash(null, e.name, e.stack);
        }
    });
</script>
<br/>
<center>
    <div class="dt_example">
        <table cellpadding="0" cellspacing="0" border="0" id="tabela_tecnica" class="display">
            <thead>
                <tr>
                    <th>Nome</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="tabela_tecnica_tbody">
            </tbody>
        </table>
        <button class="botao" id="botao_cadastrar">Incluir Novo</button>
    </div>
</center>
<br/>